<template>
	<div id="app">
		<div>
			<el-container>
				<el-header>
					<router-link to="/">HOME</router-link>
					<router-link to="/about">ABOUT</router-link>
				</el-header>
				<el-main>
					<router-view></router-view>
				</el-main>
			</el-container>
		</div>
	</div>
</template>

<script>


</script>

<style scoped>
	 .el-header, .el-footer {
	    background-color: #B3C0D1;
	    color: #333;
	    text-align: center;
	    line-height: 60px;
	  }
	    .el-main {
	      background-color: #E9EEF3;
	      color: #333;
	      text-align: center;
	      line-height: 160px;
	    }
		.router-link-exact-active{
			text-decoration: none;
			font-size: 50px;
		}
</style>
